<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link href="https://cdn.bootcss.com/twitter-bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
        <div class="container">
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <h1 class="text-center ">
                        欠/还款记录
                    </h1>
                    <div class="form-group">
                        <div class="col-sm-2">
                            <button type="button" class="btn btn-success btn-success"
                                    value="" style="background-color:darkgrey;font-size: large"
                                    onclick="history.back()"
                            >返回</button>
                        </div>
                    </div>
                    <h3 class="text-right text-success">
                        欢迎您:XXX
                        <#--<@shiro.principal property="name" />-->
                    </h3>


                    <div class="form-group">
                        <div class="col-sm-2">
                            <button type="button" class="btn btn-default btn-block"
                                    value="" style="background-color: cornflowerblue;font-size: large"
                            >筛选查询</button>
                        </div>
                    </div>

                    <form role="form" action="/debt/order-list" method="post">
                        <div class="col-sm-offset-11 col-sm-0">
                            <button type="submit" class="btn btn-lg btn-success"
                            >查询</button>
                        </div>

                        <input type="hidden" value="${form.did!}" name="did">
                        <div class="col-md-6 column">
                            <label for="startDate">开始日期</label>
                            <input type="date" class="form-control"
                                   id="startDate" name="startDate"
                                    <#if  (form.startDate??)>
                                        value="${form.startDate?string('yyyy-MM-dd')}"
                                    </#if>/>
                        </div>
                        <div class="col-md-6 column">
                            <label for="endDate">结束日期</label>
                            <input type="date" class="form-control"
                                   id="endDate" name="endDate"
                                    <#if  (form.endDate??)>
                                        value="${form.endDate?string('yyyy-MM-dd')}"
                                    </#if>/>
                        </div>
                        <div class="col-md-6 column">
                            <label for="receiptNum">单据编号</label>
                            <input type="text" class="form-control"
                                   id="receiptNum" name="receiptNum" value="${form.receiptNum!}"/>
                        </div>

                        <div class="form-group">

                        </div>
                    </form>

                </div>
            </div>
        </div>

                    <div class="container">
                        <div class="row clearfix">
                            <div class="col-md-12 column">

                    <div class="form-group">
                        <div class="col-sm-2">
                            <button type="button" class="btn btn-default btn-block"
                                    value="" style="background-color: cornflowerblue;font-size: large"
                            >数据列表</button>
                        </div>
                    </div>
                    <table class="table">
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th>客户名称</th>
                            <th>单据编号</th>
                            <th>欠款金额</th>
                            <th>还款金额</th>
                            <th>业务时间</th>
                            <th>经办人</th>
                            <th>备注</th>
                        </tr>
                        </thead>
                        <tbody>
                        <#--                    c:forEach items='${pageInfo.list}'  var='trip'-->
                        <#list pageInfo.list as order>
                            <tr class="info">
                                <td>${order.oid}</td>
                                <td>${order.clientName!}</td>
                                <td>${order.receiptNum!}</td>
                                <td>${order.owe!'0.0'}</td>
                                <td>${order.refund!'0.0'}</td>
                                <td>
                                              <#if  (order.operationDate??)>
                                                  ${order.operationDate?string('yyyy-MM-dd')}
                                              </#if>

                                    <#--                                ${trip.startDate?string('yyyy-MM-dd')time} 展示年月日时分秒-->
                                    <#--                                ${trip.startDate?time} 展示时分秒-->
                                </td>
                                <td>
                                    ${order.operator!}
                                </td>
                                <td>
                                    ${order.comment!}
                                </td>
                                <#--<td>-->
                                <#--<img style="width: 100px;height: 100px;" src="${trip.tripPic}" />-->
                                <#--</td>-->
                            </tr>
                        </#list>

                        </tbody>
                    </table>

                    <ul class="pagination" style="float: right">

                        <#if pageInfo.hasPreviousPage >
                            <li>
                                <a href="javascript:;" onclick="location.href='/debt/list?index=1'">首页</a>
                            </li>
                            <li>
                                <a href="javascript:;" onclick="location.href='/debt/list?index=${pageInfo.prePage}'">上一页</a>
                            </li>
                        </#if>


                        <#if pageInfo.pageNum lt pageInfo.pages >
                            <li>
                                <a href="javascript:;" onclick="location.href='/debt/list?index=${pageInfo.nextPage}'">下一页</a>
                            </li>
                            <li>
                                <a href="javascript:;" onclick="location.href='/debt/list?index=${pageInfo.pages}'">尾页</a>
                            </li>
                        </#if>
                    </ul>
                </div>
            </div>
        </div>



                    <#--<div class="container">-->
                        <#--<div class="row clearfix">-->
                            <#--<div class="col-md-12 column">-->
                    <#--<form role="form" action="/debt/order-list" method="post">-->
                        <#--<input type="hidden" value="${did}" name="did">-->
                        <#--<div class="form-group">-->
                            <#--<label for="receiptNum">单据编号</label>-->
                            <#--<input type="text" class="form-control"-->
                                   <#--id="receiptNum" name="receiptNum" value=""/>-->
                        <#--</div>-->
                        <#--<div class="form-group">-->
                            <#--<label for="startDate">业务日期</label>-->
                            <#--<input type="text" class="form-control"-->
                                   <#--id="startDate" name="startDate" value=""/>-->
                            <#--<input type="text" class="form-control"-->
                                   <#--id="endDate" name="endDate" value=""/>-->
                        <#--</div>-->
                        <#--<h3 class="text-right text-success">-->
                            <#--<button type="submit" class="btn btn-lg btn-block btn-primary"-->
                                    <#-->查询</button>-->
                        <#--</h3 >-->
                    <#--</form>-->

                    <#--<h3 class="text-left">-->
                        <#--<u>数据列表</u>-->
                    <#--</h3>-->

                    <#--<table class="table">-->
                        <#--<thead>-->

                        <#--</thead>-->
                        <#--<tbody>-->
                        <#--&lt;#&ndash;                    c:forEach items='${pageInfo.list}'  var='trip'&ndash;&gt;-->


                        <#--</tbody>-->
                    <#--</table>-->

                <#--</div>-->
            <#--</div>-->
        <#--</div>-->
        <script src="/static/js/jquery-1.8.0.min.js" ></script>
        <script>

            // 页面加载完毕.
            // $(function(){
            //     $.getJSON(
            //         "/user/get-name",
            //         null,
            //         function(result){
            //             if(result.code == 0){
            //                 $("#name").html(result.data);
            //             }else{
            //                 location.href = "/user/login-ui";
            //             }
            //         }
            //     );
            // });


        </script>
    </body>
</html>